// 首页media样式 默认是1920分辨率
.theContainer-vue {
    .body {
        height: calc(100vh - 60px);
        margin-top: 60px;
        overflow-y: auto;
    }
}

.adminHome-vue {
    .main {
        display: flex;
        flex-direction: row;
        background: #e8e8e8;
        margin-bottom: 10px;
    }

    .admin-left-block {
        background-color: #e8e8e8;
        width: 400px;
        height: auto;
        display: flex;
        flex-direction: column;

        .data-wrapper {
            height: auto;
        }

        .task-monitor-wrapper {
            height: calc(100vh - 616px);
            background-color: white;
            margin-top: 8px;
            border-radius: 5px;

            .task-monitor-col {
                margin-right: 20px;
                border-radius: 5px;
                border: 1px solid rgba(221, 228, 237, 1);

                // 首页的表单
                .task-monitorTable-row {
                    .table-responsive {
                        display: block;
                        width: 398px!important;
                        height: calc(100vh - 663px)!important;
                        overflow-y: hidden;
                        overflow-x: hidden;
                    }

                    .table {
                        width: 398px;
                        table-layout: fixed;
                        margin-bottom: 0px;
                    }
                }
            }
        }

        .resource-monitor-wrapper {
            min-height: 320px;

            background-color: white;
            margin-top: 8px;
            border-radius: 5px;

            .resource-monitor-col {
                width: 100%;
                height: 100%;
                margin-right: 20px;
                border: 1px solid rgba(221, 228, 237, 1);
                border-bottom: 0;
                border-radius: 5px;
            }

            .resource-chartDiv {
                width: 100%;
                margin-top: -5px;
            }

            .resource-percent {
                position: absolute;
                margin-left: 5px;
                height: 120px;
            }
        }
    }

    // 首页地图
    .admionMapControllWrapper {
        position: relative;
        margin: 2px -9px 0px 10px;
        // min-height: 670px;
        height: calc(100vh - 80px);

        #map {
            border-radius: 5px;
            top: 10px;
            width: calc(100% - 23px);
            border: #dde4ed 2px solid;
            box-sizing: content-box;
            height: 96.6%;
            position: relative;
            cursor: pointer;
        }

        .ivu-modal-mask {
            z-index: 2000 !important;
        }

        .ivu-modal-wrap {
            z-index: 2000 !important;
        }
    }
}

@media (min-width: 1366px) and (max-width: 1600px) {
    .adminHome-vue {
        .container {
            top: 5px !important;
        }
    }

    .data-wrapper {
        .topdivstyle {
            height: 62px !important;
        }

        .topleftdivstyle {
            height: 62px !important;
        }
    }

    .task-monitor-wrapper {
        height: calc(100vh - 427px) !important;

        .task-monitorTable-row {
            .table-responsive {
                height: calc(100vh - 471px) !important;

                .table th,
                .table td {
                    padding: 2px;
                }
            }
        }
    }

    .resource-monitor-wrapper {
        min-height: 205px !important;
        margin-top: 12px !important;

        .resource-chartDiv {
            height: 60px !important;
            margin-top: 79px !important;
        }

        .test {
            height: 70px !important;

            .content {
                top: -27px !important;
            }

            .chart-fontStyle {
                font-size: 12px !important;
            }
        }

        .main-chart {
            height: 180px !important;
            top: -36px !important;

            canvas {
                transform: scale(0.62) !important;
            }
        }

        .resource-percent {
            margin-top: -10px !important;
            position: absolute !important;
        }

        .one-row {
            margin-top: 2px !important;
        }

        .two-row {
            margin-top: -10px !important;
        }
    }

    .map-wrapper {
        width: calc(100% - 410px) !important;

        .admionMapControllWrapper {
            height: calc(100vh - 266px) !important;
        }

        #map {
            height: 93.9% !important;
        }
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .task-monitor-wrapper {
        height: calc(100vh - 440px) !important;

        .task-monitorTable-row {
            .table-responsive {
                height: calc(100vh - 490px) !important;

                .table th,
                .table td {
                    padding: 8px;
                }
            }
        }
    }

    .resource-monitor-wrapper {
        margin-top: 10px !important;
        min-height: 220px !important;
    }
}